﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="LightWeb.Blog._Default" %>

<asp:Content ID="TitleContent" runat="server" ContentPlaceHolderID="TitleContent">
    LightWeb Blog Home Page
</asp:Content>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <style type="text/css">
        .articalTitle { font-size: 2em; }
        .articalTitle a { text-decoration: none; }
        .articalTitle a:hover { text-decoration: underline; }
        
        
        .articalSummary { font-size: 14px; margin-bottom: 30px; }
        .articalSummary small { text-align: right; display: block; }
        .articalTitle { border-bottom: dotted 1px #ddd; border-bottom-style: dashed; }
        .articalTitle a { font-size: 22px; }
        .articalSummaryContent { }
        .articalPostMetadata { border-bottom: double 1px #eee; border-top: double 1px #eee; }
    </style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:Repeater ID="repArticalList" runat="server">
        <ItemTemplate>
            <div class="articalSummary">
                <div class="articalTitle">
                    <a href="ViewArtical.aspx?ArticalId=<%#DataBinder.Eval(Container.DataItem,"ArticalId") %>">
                        <span>
                            <%# DataBinder.Eval(Container.DataItem,"Title") %></span></a></div>
                <small>
                    <%#DataBinder.Eval(Container.DataItem,"PostDate") %></small>
                <div class="articalSummaryContent">
                    <strong>Summary: </strong>
                    <%#DataBinder.Eval(Container.DataItem, "Summary")%>
                    <a href="ViewArtical.aspx?ArticalId=<%#DataBinder.Eval(Container.DataItem,"ArticalId") %>">
                        <span>All</span></a>
                </div>
                <div class="articalPostMetadata">
                    <div class="categories">
                        <strong>Categories:</strong>
                    </div>
                    <div class="Tags">
                        <strong>Tags:</strong>
                    </div>
                </div>
            </div>
        </ItemTemplate>
    </asp:Repeater>
</asp:Content>
